<%--
  Created by IntelliJ IDEA.
  User: zhaocan
  Date: 2018/7/10
  Time: 14:28
  Description:;来电弹屏ui更换，重写
--%>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
    <title>来电弹屏</title>
    <%@ include file="/WEB-INF/pages/common/meta.jsp" %>
    <%@include file="/WEB-INF/pages/common/ui.jsp" %>
    <script type="text/javascript">
        var customerPhone = "${phone}";
    </script>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/icsScrollbar.css"/>
    <script type="text/javascript" src="${ctx}/static/js/main.js?jsTimer=${jsTimer}"></script>
    <script type="text/javascript" src="${ctx}/static/js/expand/easyui-validatebox.expandMethod.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/cs/callScreenPopUp.js?jsTimer=${jsTimer}"></script>
    <script type="text/javascript" src="${ctx}/callcenter/js/plugins/jquery.sdcommon.js?v=1.0.0"></script>
    <style>
        .datagrid .datagrid-pager{
            display: block;
            margin: 0;
            border-width: 1px 0 0 0;
            position: relative;
            left: 100px;
        }
        .tabs-controlbox .l-btn-plain {
            margin-right: 15px;
        }
        .pagination-info{
            margin: 0 120px;
        }
        .tabs-controlbox .l-btn-icon{width: 14px !important;height: 24px !important; line-height: 24px !important; margin-top: -13px !important;}
        .tabs-controlbox .l-btn-icon-left .l-btn-text{margin: 0px;line-height: 30px;}
    </style>
    <style>
        .left .left-text{
            text-align: left;
        }
        .left-text{
            display: flex;
            max-width: 85%;
            justify-content: flex-start;
            align-items: center;
        }
        .tx{
            display: inline-block;
            width: 50px;
            height: 50px;
            flex-shrink: 0;
            border-radius: 50%;
            background: red;
        }
        .contents{
            display: inline-block;
        }
        .left .contents{
            padding-left: 5px;
        }
        .right .contents{
            padding-right: 5px;
        }
        .left .contents>span{
            display: block;

        }
        .right .contents>span{
            display: block;

        }
        .right::after,.left::after{
            content: " ";
            display: block;
            clear: both;
        }
        .right{
            text-align: right;
        }
        .right-text{
            display: flex;
            max-width: 85%;
            justify-content: flex-end;
            align-items: center;
            float: right;
        }
        .c-tx{
            padding: 8px;
            border: 1px #cccccc solid;
            border-radius: 3px;
            background: #f1f1f1;
            text-align: left;
        }
        .left,.right{
            padding: 10px 0;
        }
        .textbox-text{
            min-height: 26px!important;
        }
    </style>
</head>
<body>
<div data-options="region:'center',border:0,bottom:'10px'" class="container-wrap">
    <div class="container-center-wrap"
         style="margin-top: 5px;margin-left: 8px;margin-right: 8px;margin-bottom: 8px;">
        <div class="tabs-controlbox" data-options="border:0,resizable:true">
            <div title="来电弹屏" data-options="resizable:true" class="btitle" style="padding:0px;padding-bottom: 0; position: relative;">
                <div class="line-show"></div>
                <!--知识库开始-->
                <div class="zsk-wrap" >
                    <a  style="display:none" class="btnreset easyui-linkbutton" data-options="iconCls:'icon-zhishiku-w'" href="javascript:;">知识库</a>
                </div>
                <!--知识库结束-->
                <!--左侧开始-->
                <div class="leftTab">
                    <div class="leftTabShow leftTabShow2">
                        <div class="chulizhong" id ="processingCustSerOrderNum">0</div>
                        <div class="yiwanjie"   id ="finishedCustSerOrderNum">0</div>
                        <div class="easyui-tabs" id ="leftCsSmOrdeTab">
                            <div title="新建工单" style="padding:10px">
                                <div class="newgd-wrap">
                                    <form id ="customerInformationForm">
                                        <input type="hidden" id ="id" name="id" value="${id}" />
                                        <div class="form-title">客户信息</div>
                                        <div class="new-gongdan easyuitextbox kehu-box">
                                            <div class="acc-row"style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户编码：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input  id ="custCode" name ="custCode" class="easyui-textbox" type="text" readonly="readonly"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户性别：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "custSex"   name="custSex" data-options="prompt:'请选择客户性别',required:true,editable:'false'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户名称：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input  id ="custName" name ="custName" type="text" class="easyui-textbox" data-options="prompt:'请填写客户名称',required:true,validType:['length[1,20]']"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户等级：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "custGrade"   name="custGrade" data-options="prompt:'请选择客户等级',required:true,editable:'false' " />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户类型：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "custType"   name="custType" data-options="prompt:'请选择客户类型',required:true,editable:'false'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户标签：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input id ="custLabel" name ="custLabel"  type="text" class="easyui-textbox" data-options="prompt:'请填写客户标签',validType:['length[1,20]']"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33" style="width: 28%;">
                                                    <div class="acc-title">所在地址：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "province"   name="province" data-options="prompt:'请选择所在省份'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "city"   name="city" data-options="prompt:'请选择所在市区'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "county"   name="county" data-options="prompt:'请选择所在区/县'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "town"  name="town" data-options="prompt:'请选择所在乡/镇'" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width100">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main"style="margin-right: 5px;">
                                                            <input class="easyui-textbox" id= "address"  name="address" data-options="prompt:'请填写详细地址',validType:['length[1,200]']" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:70px;">
                                                <a href="javascript:void(0)" id ="openSendMessageDialog"class="easyui-linkbutton resetButton" onclick="openSendMessageDialog();">发送短信</a>
                                                <a href="http://www.uce.cn/affInfo/affInfoApply.html" id =""class="easyui-linkbutton resetButton" title="招商加盟" target="_blank">招商加盟</a>
                                            </div>
                                        </div>
                                    </form>
                                    <form id ="custSerForm">
                                        <input type="hidden" id="id" name="id"/>
                                        <input type="hidden" id="source" name="source" value="0" />
                                        <input type="hidden" id="woKind" name="woKind" value="0" />
                                        <input type="hidden" name="urgeNum" value="0" />
                                        <input type="hidden" name="callNum" value="1" />
                                        <!--2018-07-25-->
                                        <input type="hidden" name="noWayBill" value="${noWayBill}"/>
                                        <input type="hidden" name="placeOrder" value="${placeOrder}"/>
                                        <!--用于校验手机号是否与最新查询一致-->
                                        <input type="hidden" id="customerTelSearch" name="customerTelSearch"  />
                                        <!--用于校验运单是否与最新查询一致-->
                                        <input type="hidden" id="waybillNumSearch" name="waybillNumSearch" />
                                        <div class="form-title">工单信息</div>
                                        <div class="new-gongdan easyuitextbox gongdan-box">
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title">来电号码：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <c:choose>
                                                                <c:when test="${phone == ''}">
                                                                    <input type="text" name="customerTel" id="customerTel" value=""
                                                                           class="easyui-searchbox" data-options="required:true,validType:['phoneAndTelNum'],searcher:queryComprehensiveInformationByCustomerTel" />
                                                                </c:when>
                                                                <c:otherwise>
                                                                    <input type="text" name="customerTel" id="customerTel" value="${phone}" readonly="readonly"
                                                                           class="easyui-textbox" data-options=""/>
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">运单号码：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <c:choose>
                                                                <c:when test="${waybillNo == ''}">
                                                                    <input id="waybillNum"
                                                                           name="wayBillNo"
                                                                           type="text" class="easyui-searchbox" data-options="validType:['length[1,30]','wayBillNum'],searcher:queryComprehensiveInformationByWaybillNum">
                                                                </c:when>
                                                                <c:otherwise>
                                                                    <input id="waybillNum"
                                                                           name="wayBillNo"
                                                                           type="text" class="easyui-searchbox" value="${waybillNo}" data-options="validType:['length[1,30]','wayBillNum'],searcher:queryComprehensiveInformationByWaybillNum">
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">工单类型：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "orderType"   name="orderType" data-options="prompt:'请选择工单类型',editable:'false',required:true">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title">工单子类型：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id="orderChilType"  name="orderChilType" data-options="prompt:'请选择工单子类型',editable:'false',required:true">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">客户身份：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "customerIdentity"   name="customerIdentity" data-options="prompt:'请选择客户身份',editable:'false',required:true">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">优先级：<span style="color: red;">*</span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "priority"   name="priority" data-options="prompt:'请选择工单优先级',editable:'false',required:true">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33" >
                                                    <div class="acc-title" style="width:120px;margin-left:-20px;">责任网点(初判)：</div>
                                                    <div class="acc-con" style="margin-left:15px;width:93%">
                                                        <div class="acc-con-main">
                                                            <input id="dutyWebsite" name="dutyWebsite"  class="easyui-combobox" data-options="prompt:'请选择责任网点',editable:true"/>
                                                            <input type ="hidden" id ="dutyDepartBaseCode" name ="dutyDepartBaseCode">
                                                            <input type ="hidden" id ="dutyDepartBaseName" name ="dutyDepartBaseName">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">快件包装：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input type="text" name="expressPacking" id="expressPacking"
                                                                   class="easyui-textbox" data-options="prompt:'请输入快件包装',validType:'length[1,40]'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">快件内物：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input type="text" name="expressInterior" id="expressInterior"
                                                                   class="easyui-textbox" data-options="prompt:'请输入快件內物',validType:'length[1,64]'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title" id="senderTitle">发件人：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input type="text" name="sender" id="sender"
                                                                   class="easyui-textbox" data-options="prompt:'请输入发件人',validType:'length[1,40]'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title"  id="senderTelTitle">发件号码：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input type="text" name="senderTel" id="senderTel"
                                                                   class="easyui-textbox" data-options="prompt:'请输入发件电话',validType:'phoneAndTelNum'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33" style="width: 28%;">
                                                    <div class="acc-title" id="sendAddressTitle">发件地址：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "sendProvince"   name="sendProvince" data-options="prompt:'请选择发件省份'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "sendCity"   name="sendCity" data-options="prompt:'请选择发件市区'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "sendArea"   name="sendArea" data-options="prompt:'请选择发件区/县'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "sendTown"  name="sendTown" data-options="prompt:'请选择发件乡/镇'" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width100">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main" style="margin-right: 5px;">
                                                            <input id="sendAddress" name="sendAddress" data-options="prompt:'请填写发件详细地址',validType:'length[1,256]'" type="text" class="easyui-textbox" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title" id="receiverTitle">收件人：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input id ="receiver" name ="receiver" type="text" class="easyui-textbox" data-options="prompt:'请填写收件人',validType:'length[1,40]'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title" id="receiverTelTitle">收件号码：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input id ="receiverTel" name ="receiverTel" type="text" class="easyui-textbox" data-options="prompt:'请填写收件号码',validType:'phoneAndTelNum'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33" style="width: 28%;">
                                                    <div class="acc-title" id="receiveAddressTitle">收件地址：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "receiveProvince"   name="receiveProvince" data-options="prompt:'请选择收件省份'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "receiveCity"   name="receiveCity" data-options="prompt:'请选择收件市区'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "receiveArea"   name="receiveArea" data-options="prompt:'请选择收件区/县'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33" style="width: 28%;margin-left:-70px;">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input class="easyui-combobox" id= "receiveTown"  name="receiveTown" data-options="prompt:'请选择收件乡/镇'" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width100">
                                                    <div class="acc-con">
                                                        <div class="acc-con-main" style="margin-right: 5px;">
                                                            <input id ="receiveAddress" name="receiveAddress" data-options="prompt:'请填写收件详细地址',validType:'length[1,256]'" type="text" class="easyui-textbox"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width100">
                                                    <div class="acc-title">问题描述：</div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main" style="margin-right: 5px;">
                                                            <input  id="orderRemark" name ="orderRemark" class="easyui-textbox"  data-options="multiline:true,prompt:'请填写问题描述',validType:['length[0,500]']" style="height:60px"  >
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33" >
                                                    <div class="acc-title">件数：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input id="qty" name="qty"  class="easyui-textbox" data-options="prompt:'请输入件数',validType:['length[1,3]','number',['limit[1,300]']],invalidMessage:'请输入正确范围[1~300]',editable:true"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width33">
                                                    <div class="acc-title">重量：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input name="goodsWeight" id="goodsWeight"
                                                                   class="easyui-textbox" data-options="prompt:'请输入重量KG',validType:['length[1,15]','money',['limit[0.1,9999.99]']],invalidMessage:'请输入正确范围[0.1~9999.99]'"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="acc-row" style="margin-left:5px;">
                                                <div class="acc-items width33">
                                                    <div class="acc-title">付款方式：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="acc-con-main">
                                                            <input id= "payType" name="payType" data-options="prompt:'请选择付款方式',editable:'false'" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="acc-items width66">
                                                    <div class="acc-title">预约时间：<span style="color: red;"></span></div>
                                                    <div class="acc-con">
                                                        <div class="width50" style="float: left">
                                                            <div class="acc-con">
                                                                <div class="acc-con-main">
                                                                    <select name="gotTime" id="gotTime"
                                                                            class="easyui-combobox" data-options="prompt:'请选择预约时间',valueField:'idStr',textField:'name',editable:false">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="width25" style="float: left">
                                                            <div class="acc-con">
                                                                <div class="acc-con-main" style="margin: 0px">
                                                                    <select type="text" name="gotTime_ref" id="gotTime_ref"
                                                                            class="easyui-combobox" data-options="prompt:'预约时间段',valueField:'idStr',textField:'name',editable:false,invalidMessage:'请选择预约时间段'">
                                                                    </select>
                                                                </div>
                                                                <input type="hidden" id ="gotBeginTime" name="gotBeginTime"/>
                                                                <input type="hidden" id ="gotEndTime" name="gotEndTime"/>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                    </form>
                                    <div style="text-align:center;padding:5px;margin-top: 10px;">
                                        <a href="javascript:void(0)" id ="submitButton"class="easyui-linkbutton resetButton" onclick="submitInfo()">提交</a>
                                    </div>
                                </div>
                            </div>
                            <div title="处理中工单">
                                <div class="wuliu-show" style="margin-left:-90px;">
                                    <div class="wuliuxx">
                                        <div class="table-edit2" >
                                            <table id="processingCustSerOrderDataGrid"  style="width:95%;min-height:500px;max-height: 105%;" data-options="collapsible:true,border:0"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div title="已完结工单">
                                <div class="wuliu-show" style="margin-left:-90px;">
                                    <div class="wuliuxx">
                                        <div class="table-edit2" >
                                            <table id="finishedCustSerOrderDataGrid"  style="width:95%;min-height:500px;max-height: 105%;" data-options="collapsible:true,border:0"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--左侧结束-->
                <!--右侧开始-->
                <div class="rightTab rightTab2" style="position: relative;">
                    <div class="easyui-tabs" style="margin-right: -10px;" id ="rightWaybillTab">
                        <div title="机器人问答">
                            <div class="history-show">
                                <div class="historyxx">
                                    <div class="table-edit2 js-c-showtable" >
                                        <div id="tabsxyc" class="easyui-tabs" style="width:500px;height: 500px">

                                        </div>
                                    </div>
                                    <!--表格结束-->
                                </div>
                            </div>
                        </div>
                        <div title="物流信息">
                            <div class="wuliu-show">
                                <div class="wuliuxx">
                                    <!--表格开始-->
                                    <div class="table-edit2 js-c-showtable" >
                                        <table id="logisticsInformationDataGrid" class="easyui-datagrid" data-options="collapsible:true,border:0,striped:true">
                                        </table>
                                    </div>
                                    <!--表格结束-->
                                </div>
                            </div>
                        </div>
                        <div title="问题件信息">
                            <div class="wuliu-show wentijian" style="margin-left:-90px;">
                                <div class="wuliuxx js-wuliuxx1">
                                    <!--表格开始-->
                                    <div class="table-edit2 js-c-showtable" >
                                        <table id="problemInformationDataGrid" class="easyui-datagrid" data-options="collapsible:true,border:0,striped:true">
                                        </table>
                                    </div>
                                    <!--表格结束-->
                                </div>
                            </div>
                        </div>
                        <div title="运单信息">
                            <div class="yundan-wrap">
                                <div class="yundanxinxi" >
                                    <table >
                                        <tr>
                                            <th>运单编号</th>
                                            <td id="waybillNumId"></td>
                                        </tr>
                                        <tr>
                                            <th>寄件网点</th>
                                            <td id="sendOrgName"></td>
                                        </tr>
                                        <tr>
                                            <th>寄件结算点</th>
                                            <td id="sendAccSiteId"></td>
                                        </tr>
                                        <tr>
                                            <th>快件类型</th>
                                            <td id="billType"></td>
                                        </tr>
                                        <tr>
                                            <th>到付款</th>
                                            <td id="carriageId"></td>
                                        </tr>
                                        <tr>
                                            <th>件数</th>
                                            <td id="qtyId"></td>
                                        </tr>
                                        <tr>
                                            <th>体积重</th>
                                            <td id="bulkWeightId"></td>
                                        </tr>
                                        <tr>
                                            <th>实际重量</th>
                                            <td id="realWeightId"></td>
                                        </tr>
                                        <tr>
                                            <th>代收款</th>
                                            <td id="goodsPaymentId"></td>
                                        </tr>
                                        <tr>
                                            <th>取件员</th>
                                            <td id="operateEmpNameId"></td>
                                        </tr>
                                        <tr>
                                            <th style="line-height: 16px;">签收人/未送达原因</th>
                                            <td id="signManId"></td>
                                        </tr>
                                        <tr>
                                            <th>签收时间</th>
                                            <td id="signTimeId"></td>
                                        </tr>
                                        <tr>
                                            <th>派件网点</th>
                                            <td id="recOrgCodeId"></td>
                                        </tr>
                                        <tr>
                                            <th>寄件日期</th>
                                            <td id="sendDateId"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div title="子单信息">
                            <div class="wuliu-show wentijian" id ="childInformationDiv" style="margin-left:-90px;">
                                <div class="wuliuxx js-wuliuxx2">
                                    <!--表格开始-->
                                    <div class="table-edit2 js-c-showtable" >
                                        <table id="childInformationDataGrid" class="easyui-datagrid" data-options="singleSelect:true,collapsible:true,border:0,striped:true">
                                        </table>
                                    </div>
                                    <!--表格结束-->
                                </div>
                            </div>
                        </div>
                        <div title="发放记录">
                            <div class="wuliu-show wentijian th0" style="margin-left:-90px;">
                                <!--表格开始-->
                                <div class="table-edit2" >
                                    <table id="recordsInformationDataGrid" class="easyui-datagrid" data-options="collapsible:true,border:0,striped:true">
                                    </table>
                                </div>
                                <!--表格结束-->
                            </div>
                        </div>
                    </div>

                    <!--浮动层开始  问题件信息展示代码-->
                    <div class="fudong-table hidebox"  id ="dealRecords" style="display: none;">
                        <img src="${ctx}/uce/images/jiantou.png"/>
                        <table class="easyui-datagrid" id ="dealRecordsDataGird" data-options="singleSelect:true,collapsible:true,border:0,striped:true">
                        </table>
                    </div>
                    <!--浮动层结束-->

                    <!--浮动层开始-->
                    <div class="fudong-table hidebox" id ="childLogistics" style="display: none;">
                        <img src="${ctx}/uce/images/jiantou.png"/>
                        <table  id ="childLogisticsDataGrid" class="easyui-datagrid" data-options="collapsible:true,border:0,striped:true">
                        </table>
                    </div>
                    <!--浮动层结束-->

                </div>
                <!--右侧结束-->
            </div>
        </div>
    </div>
</div>
<!--手动选择处理人弹窗-->
<div id="dlgSelOrg" class="easyui-dialog"
     style="width: 450px; height: 300px; padding: 5px" closed="true" buttons="#divSelOrgBtn">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center',border:false"
             style="padding: 15px 20px; background: #fff;">
            <form id="formSelOrg" class="hgform">
                <div class="accordion-container easyuitextbox">
                    <div class="acc-row">
                        <div class="acc-items width200">
                            <div class="acc-title">责任方：</div>
                            <div class="acc-con">
                                <div class="acc-con-main">
                                    <input id="selDutyOrg" name="selDutyOrg"  class="easyui-combotree" data-options="prompt:'请选择责任方',editable:'false',required:true"/>
                                    <input type="hidden" id="selDutyOrgType" name="selDutyOrgType" />
                                    <input type="hidden" id="selDutyOrgName" name="selDutyOrgName" />
                                    <input type="hidden" id="selDutyOrgCode" name="selDutyOrgCode" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="divSelOrgBtn">
    <a href="javascript:void(0)" class="easyui-linkbutton  save" onclick="sure(this)" >确定</a>
    <a href="javascript:void(0)" class="easyui-linkbutton call" onclick="javascript:closeDialog('dlgSelOrg')">取消</a>
</div>

<!--发送消息弹窗-->
<div id="sendMessageDialog" class="easyui-dialog"
     style="width: 600px; height: 300px; padding: 5px" closed="true" buttons="#sendMessageDialogBtn">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center',border:false"
             style="padding: 15px 20px; background: #fff;">
            <form id="formSendMessage" class="hgform">
                <div class="accordion-container easyuitextbox">
                    <div class="acc-row">
                        <div class="acc-items width100">
                            <div class="acc-title">发送号码<span style="color: red;">*</span>：</div>
                            <div class="acc-con">
                                <div class="acc-con-main">
                                    <input id="sendPhone" name="sendPhone"  class="easyui-textbox" data-options="prompt:'请输入手机号',required:true,validType:['phone']" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="acc-row">
                        <div class="acc-items width100">
                            <div class="acc-title">发送内容<span style="color: red;">*</span>：</div>
                            <div class="acc-con">
                                <div class="acc-con-main">
                                    <input  id="sendContent" name ="sendContent" class="easyui-textbox"  data-options="multiline:true,required:true,prompt:'请输入短信内容'" style="height:60px">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="sendMessageDialogBtn">
    <a href="javascript:void(0)" class="easyui-linkbutton  save" id="sendPhoneMessageButton" onclick="sendPhoneMessage()" >发送</a>
    <a href="javascript:void(0)" class="easyui-linkbutton call" onclick="javascript:closeDialog('sendMessageDialog')">取消</a>
</div>
</body>
<style>
    .xyctable td{
        padding: 3px;
    }
    .xyctable th{
        padding: 3px;
        font-weight: 600;
        font-size: 12px;
    }
    .xyctable{
        text-align: center;
    }
</style>
<script>
    function isUn(str) {
        if(str){
            return str;
        }else{
            return ""
        }
    }
    function ajaxRobit() {
        $.ajax({
            url: G_CTX_PATH + "/cc/CcRobotRecord/findCcRoBotRecord.do",
            data:{
                callPhoneNum:$("#custSerForm #customerTel").val()
            },
            success:function (data) {
                console.log(data);
                if(data.success){
                    var rows = data.data;
                    // 处理聊天记录数据
                    var tabsHtml=""
                    for(var i=0;i<rows.length;i++){
                        var tabs = $("<div title='聊天"+(i+1)+"' style='padding:20px;'></div>");
                        var boxHtml=$("<div class='box'></div>")
                        var contentHtml = $('<div class="dhBox"></div>');
                        var ltData=rows[i].communicationContent.split("/");
                        var isZC=rows[i].normalEnd?'是':'否'
                        var formHtml=$("<table class='xyctable' border='1' cellspacing='0'>"+
                        "<tr>"+
                        "<th>录音编号</th>"+
                        "<th>来电号码</th>"+
                        "<th>客户来电区域</th>"+
                        "<th>单号</th>"+
                        "<th>是否正常结束流程</th>"+
                        "<th>挂机类型</th>"+
                        "<th>呼入来电意图清单</th>"+
                        "</tr>"+
                        "<tr>"+
                        "<td style='max-width: 100px;word-break: break-all'>"+rows[i].voiceId+"</td>"+
                        "<td>"+rows[i].callPhoneNum+"</td>"+
                        "<td>"+rows[i].callArea+"</td>"+
                        "<td>"+rows[i].billCode+"</td>"+
                        "<td>"+rows[i].normalEndStr+"</td>"+
                        "<td>"+ isUn(rows[i].endTypeStr)+"</td>"+
                        "<td>"+isUn(rows[i].callIntentionList)+"</td>"+
                        "</tr>"+
                        "</table>");
                        boxHtml.append(formHtml);
                        var resultArr=[];
                        for(var a=0;a<ltData.length;a++){
                            var ltContent="";
                            if(ltData[a][0]=="R"){
                                // lsObj.R=ltData[a].substring(2);
                                if(ltData[a].substring(2)!==""){
                                    ltContent='<div class="right">'
                                            +'<div class="right-text">'
                                            +'<span class="contents">'
                                            +'<span class="moble-num">机器人</span>'
                                            +'<span class="c-tx">'+ltData[a].substring(2)+'</span>'
                                            +'</span>'
                                            +'<span class="tx">'
                                            +'<span></span>'
                                            +'</span>'
                                            +'</div>'
                                            +'</div>'
                                }
                            }else{
                                // lsObj.C=ltData[a].substring(2);
                                if(ltData[a].substring(2)!==""){
                                    ltContent='<div class="left">'
                                            +'<div class="left-text">'
                                            +'<span class="tx">'
                                            +'<span></span>'
                                            +'</span>'
                                            +'<span class="contents">'
                                            +'<span class="moble-num">'+rows[i].callPhoneNum+'</span>'
                                            +'<span class="c-tx">'+ltData[a].substring(2)+'</span>'
                                            +'</span>'
                                            +'</div>'
                                            +'</div>'
                                }

                            };
                            contentHtml.append(ltContent);
                            boxHtml.append(contentHtml)
                            tabs.append(boxHtml);
//                            console.log(ltContent)
                        };
//                        console.log(tabs);
//                        console.log(tabs[0])
                        // $("#tabsxyc").append(tabs);
                        $('#tabsxyc').tabs('add',{
                            title:'聊天'+(i+1),
                            content:tabs[0],
                            // closable:true,
                        });
                    }
                };
                $('#tabsxyc').tabs("select",0)

            }
        })
    }
</script>
</html>